

.tabList{
  min-width: 100%;
  height: $tab-list-height;
  display: flex;
  overflow-x: scroll;
  white-space:nowrap;
  margin-right: 20px;
  //background: #fff;
  .tabListItem{
    display: inline-flex;
    flex: 1;
    position: relative;
    font-size: 28px;
    color: #fff;
    margin: 0 15px;
    max-width: 200px;
    &:after{
      content: "";
      width: 80%;
      height: 6px;
      left: 50%;
      bottom: 0;
      position: absolute;
      transform: translateX(-50%) scaleX(0);
      transition: all .15s;
      background: #fff;
    }
  }

  .typeItemActive{
    //font-size: 32px;
    &:after{
      transform: translateX(-50%) scaleX(1);
    }
  }
}
